<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:body>
         <ui:composition template="/template.xhtml">
             <ui:define name="title">
                 <h:outputText value="#{loginTitle}" />
             </ui:define>

            <ui:define name="content">
                <h:form>
                    <h:panelGroup id="messagePanel" layout="block">
                        <h:messages errorStyle="color: red" infoStyle="color: green" layout="table"/>
                    </h:panelGroup>
                    <table style="margin: 0 auto">
                        <tr>
                            <th colspan="2">
                                #{bundle.loginHeading}
                            </th>
                        </tr>
                        <tr>
                            <td>
                                #{bundle.username}:
                            </td>
                            <td>
                                <h:inputText value="#{loginHelper.username}" size="20"/>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                #{bundle.password}:
                            </td>
                            <td>
                                <h:inputSecret value="#{loginHelper.password}" size="20"/>
                            </td>
                        </tr>
                        <tr>
                            <th colspan="2">
                                <h:commandButton value="#{bundle.SUBMIT}" action="#{loginHelper.login}"/>
                            </th>
                        </tr>
                    </table>
                </h:form>
            </ui:define>
        </ui:composition>
    </h:body>
</html>

